<template>
  <div>111</div>
  <div>{{ count }}</div>
  <el-icon>
    <Edit />
  </el-icon>
  <el-icon>
    <CirclePlus />
  </el-icon>
  <el-button @click="addBtn" icno="Plus" type="success">新增</el-button>
  <el-button type="warning">Warning</el-button>
  <el-button icon="Edit" type="primary">编辑按钮</el-button>
  <el-button icon="Search" type="info">Info</el-button>
  <el-button icon="close" type="danger">关闭按钮</el-button>
</template>

<style scoped>
.read-the-docs {
  color: #888;
}
</style>

<script setup lang="ts">
import { computed } from "vue";
import { testStore } from "@/store/test/index"
// 获取store
const store = testStore()
// 从store中获取数据
const count = computed(() => {
  return store.getCount
});
// 改变store中的数据
const addBtn = () => {
  store.setCount(count.value + 1)
}




</script>